<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		p,h1{
			color: #FF0000;
			font-size: 1rem;
		}
		
		h2{
			color: #FF0000;
			font-size: 1rem;
		}
		.black{
			color: #FF0000;
			font-size:1.5rem ;
		}
		.blue{
			color: #0000FF;
			font-size: 1.5rem;
		}
		.a{
			color: yellow;
		}
		.2{
			color: #0000FF;
			font-size: 1rem;
		}
		#ff{
			color: #0000FF;
			font-size:1rem ;
		}
			
		</style>
	</head>
	<body>
		<p>红色，字体大小16px</p>
		<p style="color: #008000; ">绿色</p>
		<p>红色，字体大小16px</p>
		<h1>红色，字体大小16px</h1>
		<h2>红色，字体大小16px</h2>
		<p class="blue">蓝色，字体大小24px</p>
		<p class="a"><strong>黄色字体加粗 </strong></p>
		<p>红色，字体大小16px</p>
		<h1 class="black">红色，字体大小24px</h1>
		<h2 class="2" id="ff">蓝色，字体大小16px</h2>
		<p class="a"><strong>黄色，字体加粗</strong></p>
	</body>
</html>
